iT邦幫忙

2025 iThome 鐵人賽

DAY 4
0
Modern Web

Medusa.js 石化我的心系列 第 4

Day4 探查基本功能 - 產品

  • 分享至 

  • xImage
  •  

探討

本人我其實也只是個電商小白,沒有了解過其他的電商系統,所以一開始下載 Medusa.js 的時候,心裡想說不是賣賣東西,怎麼那麼麻煩!!

對,基於通用性,他建立了很多模組可以讓我們自己套用各種商業模式,但是身為是開發者,你若不了解他基本給你的功能有啥,你在客製化時候,就有可能是重複地的,結果就是你多花一些時間造成系統負擔這樣。所以我希望可以將基本 Medusa.js 給你的 功能/模組 了解清楚。這樣對於後面客製化的時候,我們就可以摸清方向。

這幾天的探討,或許只是小小摸到什麼東西。但也足夠讓我們知道 Medusa.js 需要什麼讓我們去自己搭建的東西。

基本探討流程

第一次運行成功後,我們就先以我們這簡單腦袋想想,電商功能基本需要什麼??

https://ithelp.ithome.com.tw/upload/images/20250918/20178157lh2YAMTfHe.png

對,這是我用我電商小白想到的流程,當然還有退貨阿等等應該要有。
但是我們就先以這幾個基本來探討。其他有時間再來。
然後我們基於流程想到需要以下模組:

  • 商品模組
  • 購物車模組
  • 使用者模組
  • 付款模組
  • 訂單模組

好了,雖然官方寫了一堆一堆的內建模組,但,我們就先了解基本,再往下延伸。
我個人覺得,單純的透過官方文件學習模組雖然是可以的。但是呢。我覺得我們可以先試用看看我們第一次 npm run dev 後可以後台裡面可以讓我們使用的功能,從此下手,由實作去熟悉!!!!!

建立商品

網路商店最重要最基本的就是商品吧,對吧!?
所以今天我們就來探討一下 Medusa 的商品。
先在 /medusaStore 執行 npm run dev
進入後台以後,啥都不知道的我們,可以先建立商品。雖然我們建立期間可能少了某個必要資料而必須重來,但我們可以從失敗中學習。

可以看到第一步驟,需要商品的基本資料,其中有

  • Title:商品主題
  • Subtitle(Optional):商品次主題
  • Handle(Optional):商品API
  • Description:商品描述
  • Image(Optional):商品圖片

https://ithelp.ithome.com.tw/upload/images/20250918/201781578njThwzztq.png

接下來第二步,他會問你此商品有沒有產品變體,產品變體就是商品的其他選擇性,例如,XX牌 T-Shirt 有紅、藍、綠三種顏色。這紅、藍以及綠 T-shirt 就是所謂的產品變體。

https://ithelp.ithome.com.tw/upload/images/20250918/20178157oa5Q5zePa7.png

第三步它會問你,是否需要產品歸類,歸類其實也是大學問。
❗❗注意❗❗
若想要歸類,需要先在建立產品之前就先建立好。
他有提供以下四種分類:

  • Type:產品類型。用來標示產品的主要類型、品項屬性
  • Collection:商品集合。用來群組一批商品,可視為一種行銷或活動用途的分類。
  • Categories:分類階層。樹狀結構分類系統,支援多層級,適合用來建立正式的產品分類目錄。
  • Tags:標籤。自由式文字標籤,可為商品加上任意多個關鍵字標籤
    除了歸類,還可以輸入 Shipping Profile 還有 Sales Channels,以下說明這兩種資料是甚麼:
  • Shipping Profile:配送地區、配送方式、條件等規則的設定檔。
  • Sales Channels:Sales Channels 是指你把商品銷售出去的「平台、通路、或管道,例如:Shopify、Medusa.js、WooCommerce。

https://ithelp.ithome.com.tw/upload/images/20250918/20178157ihFw38NAz7.png

如果你有建立商品變體的話,第四步就是輸入以下資訊

  • SKU:是一個用來唯一識別每一個商品規格的代碼,通常會用來追蹤庫存、銷售、補貨等資訊。
  • Managed inventory:設定 true 代表 系統會追蹤這個商品變體的庫存數量
  • allow backorder:設定 true 即使庫存數量為 0,也允許顧客下單
  • Has inventory kit:多個庫存商品組成的產品組合,這個組合商品本身也可以被銷售,但其庫存是依賴所包含商品的庫存數量來計算的,類似於 賣腳踏車 他的配件可以在此做設定例如坐墊。
  • price:價格

https://ithelp.ithome.com.tw/upload/images/20250918/201781579zmHug2u17.png

其實很多屬性,第一次我直接按建立商品時候,有些是空值或者預設值,所以說明一下,在建立商品時,若有以下需求,可以先建立:

  • Type
  • Collection
  • Categories
  • Tags
  • Shipping Profile
  • Sales Channels
  • inventory kit
  • price(設定幣種)

下集預告

其實,我們建立了商品後,對其編輯後會發現有很多屬性可以使用。所以我們下一章來看看這些屬性。


上一篇
Day3 資料夾結構 與 建構結構
下一篇
Day5 探查基本功能 - 產品(2)
系列文
Medusa.js 石化我的心9
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言